<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设备状态</title>


    <style type="text/css">
		body{
			padding: 0;
			maring:0;
			background-color: #3b4249;
		}
	</style>
</head>
<body>
    <div id="showData"></div>

<script src="js/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="layui-v2.6.8/layui/css/layui.css">
<script src="layui-v2.6.8/layui/layui.js"></script>

<script src="data/webData.js"></script>
	<script src="../js/set_bigmap_data.js"></script>
<script type="text/javascript">
$(function () {
	let type=0;
	type=getQueryVariable("type");
	let postData = {"page": 1, "rows": 1000};
	let resultData = sensorServer.getSensorList(postData);
	if(resultData==undefined||resultData==null)
		return;
	let total = resultData.total;
	let sensorList = resultData.data;
	if(type==1){
		refShowTable(sensorList,"#showData");
	}
	if(type==2){
		refShowTable(sensorList,"#showData");
	}
	if(type==3){
		let fileFilterList=[];
		for (let i=0;i<sensorList.length;i++){
			if(sensorList[i].deviceConnect==false||sensorList[i].deviceConnect==0 ||
					sensorList[i].ledConnect==false||sensorList[i].ledConnect==0){
				fileFilterList.push(sensorList[i]);
			}
		}
		refShowTable(fileFilterList,"#showData");
	}
	if(type==4){
		let fileFilterList=[];
		let overrunDeviceList=[];
		overrunDeviceList=JSON.parse(localStorage.getItem("overrunDeviceList"));
		for (let i=0;i<overrunDeviceList.length;i++){
			fileFilterList.push(overrunDeviceList[i]);
		}
		refShowTable(fileFilterList,"#showData");
	}
});

function refShowTable(dataSensor,dataTableId){
	let toolbarInfo='';
	layui.use('table', function () {
		var table = layui.table;
		//第一个实例
		table.render({
			elem:dataTableId // '#demo'
			,height: 350
			, data: dataSensor
			,page: false //开启分页
			,limit: 100
			,toolbar: toolbarInfo//'#toolbarMenu',
			,cols: [[ //表头
				// {field:"pid", checkbox:true,fixed: 'left'},
				{field: 'pid', title: '编号',width:80,sort: true, fixed: 'left'} //, fixed: 'left'
				, {field: 'devicelocation', title: '安装位置',width:150}//,width:150
				, {field: 'deviceid', title: '设备唯一标识',width:150}//,width:150
				, {field: 'deviceip', title: '传感器IP',width:150}//,width:150
				, {field: 'deviceConnect', title: '传感器数据',width:100
					,templet: function (d) {
						let msg1="链接";
						let msg2="中断";
						return d.deviceConnect == "1" ? "<i class='layui-icon' style='color:green;margin-right:5px'>&#xe617;</i>" + msg1:
								"<i class='layui-icon' style='color:red;margin-right:5px'>&#xe617;</i>" +msg2;
					}
				}
				, {field: 'ledDeviceIP', title: 'LED大屏'}
				, {field: 'ledConnect', title: 'LED链接'
					,templet: function (d) {
						let msg1="链接";
						let msg2="中断";
						return d.ledConnect == true ? "<i class='layui-icon' style='color:green;margin-right:5px'>&#xe617;</i>" + msg1:
								"<i class='layui-icon' style='color:red;margin-right:5px'>&#xe617;</i>" +msg2;
					}
				}
				, {field: 'lastDataTime', title: '最后上数时间'}
			]]
			,loading:true,
			done:function (res, curr, count) {
				$('th').css({
					'background-color': '#061f3e', 'color': '#fff','font-weight':'bold'
				});
				$('th').css({
					'background-color': '#061f3e', 'color': '#fff','font-weight':'bold'
				});
				$('tr').css({
					'background-color': '#061f3e', 'color': '#fff','font-weight':'bold'
				});
				$("[data-field='smokenormal']").children().each(function(){
					// if($(this).text()!=''){
					//     $(this).text("正常")
					// }
					if($(this).text()==0){
						$(this).text("正常")
					}else if($(this).text()==1){
						$(this).text("烟")
					}else if($(this).text()==""){
						$(this).text("")
					}
				});
				$("[data-field='opendefault']").children().each(function(){
					if($(this).text()==1){
						$(this).text("手动")
					}else if($(this).text()==0){
						$(this).text("自动")
					}
				});
				$("[data-field='ch4']").children().each(function(){
					if($(this).text()==0||$(this).text()=="0"){
						$(this).text("0.00")
					}
				});
				$("[data-field='co2']").children().each(function(){
					if($(this).text()==0||$(this).text()=="0"){
						$(this).text("0.00")
					}
				});
				$("[data-field='luxurydevice']").children().each(function(){
					if($(this).text()==1){
						$(this).text("豪华版")
					}else if($(this).text()==0){
						$(this).text("普通版")
					}
				});

				// $("[data-field='deviceConnect']").children().each(function(){
				// 	if($(this).text()=='true'){
				// 		$(this).text("通讯正常");
				// 		$(this)[0].style.color="green";
				// 	}else if($(this).text()=='false'){
				// 		$(this).text("设备断开");
				// 		$(this)[0].style.color="red";
				// 	}
				// });
				//
				// $("[data-field='ledConnect']").children().each(function(){
				// 	if ($(this).text() != 'LED链接')  {
				// 		if ($(this).text() == '1') {
				// 			$(this).text("通讯正常");
				// 			$(this)[0].style.color="green";
				// 		} else {
				// 			$(this).text("设备断开");
				// 			$(this)[0].style.color="red";
				// 		}
				// 	}
				// });
			}
		});

		//监听单元格编辑
		table.on('edit(test_table)',
				function (obj) {
					//如果不是管理员
					if(!sensorServer.getRoleIsAdmin()){
						alert("操作员无权限修改");
						var oldText = $(this).prev().text();
						$(this).val(oldText);
						return;
					}
					var value = obj.value //得到修改后的值
							,
							data = obj.data //得到所在行所有键值
							,
							field = obj.field; //得到字段
					layer.msg('[ID: ' + data.pid + '] ' + field + ' 字段更改为：' + value);
					//updateTable(data.pid,value);
					obj.data.robotpid=1;
					var jsonResult = sensorServer.updateSensorInfo1(obj.data);
					console.log(jsonResult);
				});

		//监听行单击事件（双击事件为：rowDouble）
		//table.on('row(test_table)', function(obj){
		// var data = obj.data;
		// layer.alert(JSON.stringify(data), {
		//     title: '当前行数据：'
		// });

		//标注选中样式
		//obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
		//  });

		//头工具栏事件
		table.on('toolbar(test_table)', function(obj) {
			var checkStatus = table.checkStatus(obj.config.pid);
			switch (obj.event) {
				case 'delete':
					layer.msg('data:'+obj.data.pid);
					del(obj);
					break;
				case 'delCheckData':
					// var data = checkStatus.data;
					// layer.alert(JSON.stringify(data));
					// break;
					layer.confirm('确认要删除吗？',function(index){
						for(let i=0;i<obj.config.data.length;i++)
						{
							if(obj.config.data[i].LAY_CHECKED){
								sensorServer.delSensorInfo(obj.config.data[i]);
								layer.msg('已删除!',{icon:1,time:1000});
							}
						}
						location.reload();
					});
					break;
			};
		});
		//列里的工具栏
		table.on('tool(test_table)',
				function(obj) {
					//如果不是管理员
					if(!sensorServer.getRoleIsAdmin()){
						alert("操作员无权限修改");
						return;
					}
					//var checkStatus = table.checkStatus(obj.config.pid);
					switch (obj.event) {
						case 'delete':
							layer.msg('data:'+obj.data.pid);
							del(obj);
							break;
						case 'openDefault':
							layer.msg('data:'+obj.data.pid);
							openDefaultClick(obj);
							break;
						case 'changeDeviceType':
							layer.msg('data:'+obj.data.pid);
							changeDeviceType(obj);
							break;
					};
				});
	});
}
function getQueryVariable(variable)
{
	var query = window.location.search.substring(1);
	var vars = query.split("&");
	for (var i=0;i<vars.length;i++) {
		var pair = vars[i].split("=");
		if(pair[0] == variable){return pair[1];}
	}
	return(false);
}
</script>
</body>
</html>
